<template>
    <div class='tio_header'>

        <Menu mode="horizontal" theme="primary" active-name="5">
            <Menu-item name="11">
                <span onclick="window.open('https://git.oschina.net/tywo45/t-io/raw/master/docs/api/t-io-api.png')">
                    <Icon type="coffee"></Icon>
                    t-io全景</span>
            </Menu-item>
    
            <Menu-item name="1">
                <span onclick="window.open('https://www.oschina.net/p/t-io')">
                    <Icon type="social-github"></Icon>
                    开源中国</span>
            </Menu-item>
    
            <Menu-item name="2">
                <span onclick="window.open('https://git.oschina.net/tywo45/t-io')">
                    <Icon type="at"></Icon>
                    源码下载</span>
            </Menu-item>
    
            <Menu-item name="33">
                <Submenu name="3">
                    <template slot="title">
                        <Icon type="stats-bars"></Icon>
                        t-io的故事
                    </template>
                    <Menu-item name="3-1">
                        <span onclick="window.open('https://my.oschina.net/u/2369298/blog/915435')">30万长连接测试报告</span>
                    </Menu-item>
                    <Menu-item name="3-2">
                        <span onclick="window.open('https://my.oschina.net/talenttan/blog/912234')">本站攻防实录</span>
                    </Menu-item>
                    <Menu-item name="3-3">
                        <span onclick="window.open('https://my.oschina.net/helyho/blog/919465')">netty、t-io、Voovan</span>
                    </Menu-item>
                </Submenu>
            </Menu-item>
    
            <Menu-item name="44">
                <Submenu name="3">
                    <template slot="title">
                        <Icon type="stats-bars"></Icon>
                        优秀开源项目
                    </template>
                    <Menu-item name="3-1">
                        <span onclick="window.open('https://www.oschina.net/p/ztree')">ztree</span>
                    </Menu-item>
                    <Menu-item name="3-2">
                        <span onclick="window.open('https://www.oschina.net/p/hutool')">hutool</span>
                    </Menu-item>
                    <Menu-item name="3-3">
                        <span onclick="window.open('https://git.oschina.net/jfinal/jfinal')">jfinal</span>
                    </Menu-item>
                    <Menu-item name="3-4">
                        <span onclick="window.open('https://www.oschina.net/p/actframework')">actframework</span>
                    </Menu-item>
                    <Menu-item name="3-5">
                        <span onclick="window.open('https://www.oschina.net/p/publiccms')">publiccms</span>
                    </Menu-item>
                    <Menu-item name="3-6">
                        <span onclick="window.open('https://www.oschina.net/p/layui')">layui</span>
                    </Menu-item>
    
                </Submenu>
            </Menu-item>
    
            

            
        </Menu>
    </div>
</template>

<script>
var Vue = require("vue");
export default {
    name: 'tio_header',
    components: {
        //chat, userlist
    }, methods: {

    },
    data() {
        return {
            
        }
    },
    mounted() {

    }
}
</script>

<style>
.ivu-menu-dark {
    background-color: #23262e;
}
</style>

